<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./index.css">
    <style>
     .pageTitle{
        position: fixed;
        top: 0;
        left: 0;
        height: 51px;
        width: 100%;
        background-color: rgb(229,72,71);
        text-align: center;
        line-height: 51px;
        color: #fff;
        font-size: 1.1rem;
        z-index: 100;
    }
  
    .tab{
        margin-top: 51px;
        height: 44px;
     
    }
    .tab ul{
        height: 44px;
        display: flex;
        justify-content: space-around;
        background-color: rgb(255, 255, 255);
    }
    .tab ul li{
        list-style: none;
        font-size: 17px;
        line-height: 44px;
        height: 100%;
    }
    .ac{
        border-bottom: 1px solid red;
    }
    .goood{
        height: 205px;
        

    }
    .goood span{
        font-size: 14px;
    }
  .movie{
    display: flex;
    overflow-x: scroll;
  }
  .movie div {
    margin: 10px 5px;
    width: 85px;
  }
  .movie div span{
    display: inline-block;
    width: 85px;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
  /* color: #f03d37; */
  }
  .movie div img{
    height: 115px;
  }
  .cinma_tit ul{
    display: flex;
    margin: 5px 10px;
    justify-content: space-around;
  }
  .cinma_tit ul li{
    list-style: none;
    font-size: 13px ;
    color: #777777;
  }
  .cinma_item{
    padding: 13px 15px;
   
  }
  .cinma_title{
    font-size: 16px;
    margin-bottom: 5px;
  }
  .cinma_location{
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .lable{
    display: flex;
    font-size: 12px;
  }
  .cinma_price{
    font-size: 18px;
    color: red;
  }
  .q{
    font-size: 13px;
    color: red;
  }
  .tui{
    border: 1px solid rgb(37, 156, 33);
    margin-right: 10px;
  }
  .gai{
    border: 1px solid rgb(165, 69, 24);
    margin-right: 10px;
  }
  .eat{
    border: 1px solid rgb(15, 54, 194);
    margin-right: 10px;
  }
    </style>
</head>

<body>
    <div id="app">
        <div class="pageTitle">
            猫眼电影
        </div>
       <div class="box">
        <div class="tab">
            <ul>
            <li :class="showhot?'ac':''" @click="hotchange">热映</li>
            <li :class="showmoive?'ac':''" @click="moivechange">影院</li>
            <li>待映</li>
            <li>经典电影</li>
        </ul>
        </div>
        <div class="hotmovie" v-if="showhot">
            <div class="goood">
                <span>最近备受好评电影</span>
             <div class="movie">
                <div class="mas" v-for="movie in msg">
                    <div> <img :src="movie.img" alt="">
                     <span>{{movie.nm}}</span>
                 </div>
             </div>
                    
                </div>
            </div>
            <div class="items" v-for="movie in msg">
                <div class="movie-list" >
                    <div class="movie-img">
                        <img :src="movie.img" alt="">
                    </div>
                    <div class="right-info" >
                        <ul class="movie-info">
                            <li class="name">{{movie.nm}}</li>
                            <li class="score" v-if="movie.globalReleased&&movie.sc!==0">观众评<span>{{movie.sc}}</span></li>
                            <li style="font-size: 14px;color: #888" v-if="movie.globalReleased&&movie.sc===0">暂无评分</li>
                            <li class="score" v-if="!movie.globalReleased"><span>{{movie.wish}}</span>想看</li>
                            <li class="actor">{{movie.star}}</li>
                            <li class="showinfo" v-if="movie.globalReleased">{{movie.showInfo}}</li>
                            <li class="showTime" v-if="!movie.globalReleased">{{movie.rt}}上映</li>
                        </ul>
                        <div class="btn">
                            <button class="buy-btn" v-if="movie.globalReleased">购票</button>
                            <button class="pre-btn" v-if="!movie.globalReleased">预售</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="movie_cinma" v-if="showmoive">
            <div class="cinma_tit">
                <ul>
                <li>全城</li>
                <li>品牌</li>
                <li>特色</li>
            </ul>
            </div>
            <div class="cinma_item" v-for="item in movies">
                <div class="cinma_title"><span>{{item.nm}}</span><span class="cinma_price">{{item.sellPrice}}<span class="q">元起</span></span></div>
                <div class="cinma_location">{{item.addr}}</div>
                <div class="lable"><div class="tui">退</div><div class="gai">改签</div><div class="eat">小吃</div></div>

            </div>
        </div>
       </div>
    </div>
    <script src="./vue.js"></script>
    <script>
        var app = new Vue({
            el: "#app",
            data: {
             msg:[
    {
        "id": 1250896,
        "haspromotionTag": false,
        "img": "https://p0.pipi.cn/mmdb/fb7386beb53ddd338f07ac311aa9711648537.jpg?imageMogr2/thumbnail/2500x2500%3E",
        "version": "v3d imax",
        "nm": "超级马力欧兄弟大电影",
        "preShow": false,
        "sc": 9.4,
        "globalReleased": true,
        "wish": 53107,
        "star": "克里斯·帕拉特,安雅·泰勒-乔伊,查理·戴",
        "rt": "2023-04-05",
        "showInfo": "今天276家影院放映1812场",
        "showst": 3,
        "wishst": 0,
        "comingTitle": "4月5日 周三",
        "showStateButton": {
            "color": "#F03D37",
            "content": "购票",
            "onlyPreShow": false,
            "shadowColor": "rgba(240,61,55, 0.15)"
        }
    },
    {
        "id": 1383605,
        "haspromotionTag": false,
        "img": "https://p0.pipi.cn/mmdb/fb7386bee7ac7e338fd7c316918ec78e573ba.jpg?imageMogr2/thumbnail/2500x2500%3E",
        "version": "v2d imax",
        "nm": "灌篮高手",
        "preShow": false,
        "sc": 0,
        "globalReleased": false,
        "wish": 1032446,
        "star": "宫城良田,三井寿,流川枫",
        "rt": "2023-04-20",
        "showInfo": "2023-04-20 下周四上映",
        "showst": 4,
        "wishst": 0,
        "comingTitle": "4月20日 周四",
        "showStateButton": {
            "color": "#3C9FE6",
            "content": "预售",
            "onlyPreShow": false,
            "shadowColor": "rgba(60,159,230, 0.15)"
        }
    },
    {
        "id": 1310584,
        "haspromotionTag": false,
        "img": "https://p0.pipi.cn/mmdb/fb73869a11eb12338f537cc474777234afe0c.jpg?imageMogr2/thumbnail/2500x2500%3E",
        "version": "",
        "nm": "宇宙探索编辑部",
        "preShow": false,
        "sc": 9.2,
        "globalReleased": true,
        "wish": 92224,
        "star": "杨皓宇,艾丽娅,蒋奇明",
        "rt": "2023-04-01",
        "showInfo": "今天213家影院放映701场",
        "showst": 3,
        "wishst": 0,
        "comingTitle": "4月1日 周六",
        "showStateButton": {
            "color": "#F03D37",
            "content": "购票",
            "onlyPreShow": false,
            "shadowColor": "rgba(240,61,55, 0.15)"
        }
    },
    {
        "id": 1203724,
        "haspromotionTag": false,
        "img": "https://p0.pipi.cn/mmdb/fb73860202fc7e030c281e763c1ac79c2fae7.jpg?imageMogr2/thumbnail/2500x2500%3E",
        "version": "",
        "nm": "忠犬八公",
        "preShow": false,
        "sc": 9.4,
        "globalReleased": true,
        "wish": 179782,
        "star": "大黄（中华田园犬）,冯小刚,陈冲",
        "rt": "2023-03-31",
        "showInfo": "今天276家影院放映1115场",
        "showst": 3,
        "wishst": 0,
        "comingTitle": "3月31日 周五",
        "showStateButton": {
            "color": "#F03D37",
            "content": "购票",
            "onlyPreShow": false,
            "shadowColor": "rgba(240,61,55, 0.15)"
        }
    },
    {
        "id": 1443653,
        "haspromotionTag": false,
        "img": "https://p0.pipi.cn/mmdb/fb73860233906dc9fde5bceebc36096af5849.jpg?imageMogr2/thumbnail/2500x2500%3E",
        "version": "",
        "nm": "龙马精神",
        "preShow": false,
        "sc": 9,
        "globalReleased": true,
        "wish": 212260,
        "star": "成龙,刘浩存,郭麒麟",
        "rt": "2023-04-07",
        "showInfo": "今天281家影院放映1362场",
        "showst": 3,
        "wishst": 0,
        "comingTitle": "4月7日 周五",
        "showStateButton": {
            "color": "#F03D37",
            "content": "购票",
            "onlyPreShow": false,
            "shadowColor": "rgba(240,61,55, 0.15)"
        }
    },
    {
        "id": 1410386,
        "haspromotionTag": false,
        "img": "https://p0.pipi.cn/mmdb/fb73869a3390fa281e395ba5f89fe7142e4ab.jpg?imageMogr2/thumbnail/2500x2500%3E",
        "version": "v2d imax",
        "nm": "铃芽之旅",
        "preShow": false,
        "sc": 9.3,
        "globalReleased": true,
        "wish": 829756,
        "star": "原菜乃华,松村北斗,深津绘里",
        "rt": "2023-03-24",
        "showInfo": "今天285家影院放映1360场",
        "showst": 3,
        "wishst": 0,
        "comingTitle": "3月24日 周五",
        "showStateButton": {
            "color": "#F03D37",
            "content": "购票",
            "onlyPreShow": false,
            "shadowColor": "rgba(240,61,55, 0.15)"
        }
    },
    {
        "id": 341858,
        "haspromotionTag": false,
        "img": "https://p0.pipi.cn/mmdb/fb7386028d33382c9507ac640b80972a82acf.jpg?imageMogr2/thumbnail/2500x2500%3E",
        "version": "v2d imax",
        "nm": "龙与地下城：侠盗荣耀",
        "preShow": false,
        "sc": 9,
        "globalReleased": true,
        "wish": 61607,
        "star": "克里斯·派恩,米歇尔·罗德里格兹,雷吉-让·佩吉",
        "rt": "2023-03-31",
        "showInfo": "今天230家影院放映675场",
        "showst": 3,
        "wishst": 0,
        "comingTitle": "3月31日 周五",
        "showStateButton": {
            "color": "#F03D37",
            "content": "购票",
            "onlyPreShow": false,
            "shadowColor": "rgba(240,61,55, 0.15)"
        }
    },
    {
        "id": 34064,
        "haspromotionTag": false,
        "img": "https://p0.pipi.cn/mmdb/fb73860292351bb535395bbbdb54130e8606c.jpg?imageMogr2/thumbnail/2500x2500%3E",
        "version": "",
        "nm": "名侦探柯南：贝克街的亡灵",
        "preShow": false,
        "sc": 9.3,
        "globalReleased": true,
        "wish": 222207,
        "star": "高山南,山崎和佳奈,神谷明",
        "rt": "2023-04-04",
        "showInfo": "今天250家影院放映942场",
        "showst": 3,
        "wishst": 0,
        "comingTitle": "4月4日 周二",
        "showStateButton": {
            "color": "#F03D37",
            "content": "购票",
            "onlyPreShow": false,
            "shadowColor": "rgba(240,61,55, 0.15)"
        }
    },
    {
        "id": 267,
        "haspromotionTag": false,
        "img": "https://p0.pipi.cn/mmdb/fb73869af2a51b339e537c802afb40db7a7fe.jpg?imageMogr2/thumbnail/2500x2500%3E",
        "version": "v3d imax",
        "nm": "泰坦尼克号",
        "preShow": false,
        "sc": 9.6,
        "globalReleased": true,
        "wish": 110909,
        "star": "莱昂纳多·迪卡普里奥,凯特·温丝莱特,比利·赞恩",
        "rt": "2023-04-03",
        "showInfo": "今天125家影院放映308场",
        "showst": 3,
        "wishst": 0,
        "comingTitle": "4月3日 周一",
        "showStateButton": {
            "color": "#F03D37",
            "content": "购票",
            "onlyPreShow": false,
            "shadowColor": "rgba(240,61,55, 0.15)"
        }
    },
    {
        "id": 1434052,
        "haspromotionTag": false,
        "img": "https://p0.pipi.cn/mmdb/fb73869a7e1807030c16bd4fd0f6434755d83.jpg?imageMogr2/thumbnail/2500x2500%3E",
        "version": "v2d imax",
        "nm": "保你平安",
        "preShow": false,
        "sc": 9.4,
        "globalReleased": true,
        "wish": 267965,
        "star": "大鹏,李雪琴,尹正",
        "rt": "2023-03-10",
        "showInfo": "今天127家影院放映291场",
        "showst": 3,
        "wishst": 0,
        "comingTitle": "3月10日 周五",
        "showStateButton": {
            "color": "#F03D37",
            "content": "购票",
            "onlyPreShow": false,
            "shadowColor": "rgba(240,61,55, 0.15)"
        }
    },
    {
        "id": 1417411,
        "haspromotionTag": false,
        "img": "https://p0.pipi.cn/mmdb/fb73860202f5bf16bd50c8ad1fb8c34d00c50.jpg?imageMogr2/thumbnail/2500x2500%3E",
        "version": "",
        "nm": "暴风",
        "preShow": false,
        "sc": 0,
        "globalReleased": false,
        "wish": 31302,
        "star": "陈伟霆,王千源,王龙正",
        "rt": "2023-04-14",
        "showInfo": "2023-04-14 本周五上映",
        "showst": 4,
        "wishst": 0,
        "comingTitle": "4月14日 周五",
        "showStateButton": {
            "color": "#3C9FE6",
            "content": "预售",
            "onlyPreShow": false,
            "shadowColor": "rgba(60,159,230, 0.15)"
        }
    },
    {
        "id": 1451323,
        "haspromotionTag": false,
        "img": "https://p0.pipi.cn/mmdb/fb73869a8eab12e5bcc696a7bd2866d0dd2e7.jpg?imageMogr2/thumbnail/2500x2500%3E",
        "version": "v2d imax",
        "nm": "人生路不熟",
        "preShow": false,
        "sc": 0,
        "globalReleased": false,
        "wish": 255082,
        "star": "乔杉,范丞丞,马丽",
        "rt": "2023-04-28",
        "showInfo": "2023-04-28上映",
        "showst": 4,
        "wishst": 0,
        "comingTitle": "4月28日 周五",
        "showStateButton": {
            "color": "#3C9FE6",
            "content": "预售",
            "onlyPreShow": false,
            "shadowColor": "rgba(60,159,230, 0.15)"
        }
    }
],
            movies:[
                {
    "id": 27496,
    "mark": 0,
    "nm": "传奇影城（黄贝岭店）",
    "sellPrice": "15.8",
    "addr": "罗湖区黄贝岭地铁站A出口100米深业东岭9号楼",
    "tag": {
      "allowRefund": 1,
      "buyout": 0,
      "cityCardTag": 0,
      "deal": 0,
      "endorse": 1,
      "giftTag": "",
      "hallType": [],
      "hallTypeVOList": [],
      "sell": 1,
      "snack": 1,
      "vipTag": ""
    },
    "promotion": {
      "cardPromotionTag": "",
      "couponPromotionTag": "",
      "merchantActivityTag": "",
      "packShowActivityTag": "",
      "platformActivityTag": "",
      "starActivityTag": ""
    },
    "showTimes": ""
  },
  {
    "id": 37233,
    "mark": 0,
    "nm": "中影六六凤凰影城（黄贝岭激光MAX）",
    "sellPrice": "16",
    "addr": "罗湖区黄贝岭地铁站F1出口100米京基凤凰印象商业广场三楼",
    "tag": {
      "allowRefund": 1,
      "buyout": 0,
      "cityCardTag": 0,
      "deal": 0,
      "endorse": 1,
      "giftTag": "",
      "hallType": [],
      "hallTypeVOList": [],
      "sell": 1,
      "snack": 1,
      "vipTag": "影城卡"
    },
    "promotion": {
      "cardPromotionTag": "",
      "couponPromotionTag": "",
      "merchantActivityTag": "",
      "packShowActivityTag": "",
      "platformActivityTag": "",
      "starActivityTag": ""
    },
    "showTimes": ""
  },
  {
    "id": 36744,
    "mark": 0,
    "nm": "中影逸达影城（龙岗老街君盛店）",
    "sellPrice": "16.9",
    "addr": "龙岗区龙岗街道龙平东路203号君盛百货三楼（沃尔玛三楼出口对面）",
    "tag": {
      "allowRefund": 0,
      "buyout": 0,
      "cityCardTag": 0,
      "deal": 0,
      "endorse": 1,
      "giftTag": "",
      "hallType": [],
      "hallTypeVOList": [],
      "sell": 1,
      "snack": 1,
      "vipTag": "影城卡"
    },
    "promotion": {
      "cardPromotionTag": "",
      "couponPromotionTag": "",
      "merchantActivityTag": "",
      "packShowActivityTag": "",
      "platformActivityTag": "",
      "starActivityTag": ""
    },
    "showTimes": ""
  },
  {
    "id": 27100,
    "mark": 0,
    "nm": "1983巨幕影城（杜比全景声南岭店）",
    "sellPrice": "18",
    "addr": "龙岗区南湾街道南岭1983创意小镇E11栋",
    "tag": {
      "allowRefund": 1,
      "buyout": 0,
      "cityCardTag": 0,
      "deal": 0,
      "endorse": 1,
      "giftTag": "",
      "hallType": [
        "杜比全景声厅",
        "巨幕厅"
      ],
      "hallTypeVOList": [
        {
          "name": "杜比全景声厅",
          "url": ""
        },
        {
          "name": "巨幕厅",
          "url": ""
        }
      ],
      "sell": 1,
      "snack": 0,
      "vipTag": "影城卡"
    },
    "promotion": {
      "cardPromotionTag": "",
      "couponPromotionTag": "",
      "merchantActivityTag": "",
      "packShowActivityTag": "",
      "platformActivityTag": "",
      "starActivityTag": ""
    },
    "showTimes": ""
  },
  {
    "id": 37398,
    "mark": 0,
    "nm": "保利万和国际影城（福永店）",
    "sellPrice": "19.9",
    "addr": "宝安区福永街道怀德社区广深路福永段75号中科广场5楼（原方元城）",
    "tag": {
      "allowRefund": 1,
      "buyout": 0,
      "cityCardTag": 0,
      "deal": 0,
      "endorse": 1,
      "giftTag": "",
      "hallType": [],
      "hallTypeVOList": [],
      "sell": 1,
      "snack": 1,
      "vipTag": "影城卡"
    },
    "promotion": {
      "cardPromotionTag": "",
      "couponPromotionTag": "",
      "merchantActivityTag": "",
      "packShowActivityTag": "",
      "platformActivityTag": "",
      "starActivityTag": ""
    },
    "showTimes": ""
  },
  {
    "id": 23658,
    "mark": 0,
    "nm": "信天影城（信天生活广场店）",
    "sellPrice": "19.9",
    "addr": "光明区公明街道民生路71号信天生活广场(原万汇城)4、5楼（地铁6号线红花山站A出口直行200米）",
    "tag": {
      "allowRefund": 1,
      "buyout": 0,
      "cityCardTag": 0,
      "deal": 0,
      "endorse": 1,
      "giftTag": "",
      "hallType": [],
      "hallTypeVOList": [],
      "sell": 1,
      "snack": 1,
      "vipTag": "影城卡"
    },
    "promotion": {
      "cardPromotionTag": "",
      "couponPromotionTag": "",
      "merchantActivityTag": "",
      "packShowActivityTag": "",
      "platformActivityTag": "",
      "starActivityTag": ""
    },
    "showTimes": ""
  },
  {
    "id": 24876,
    "mark": 0,
    "nm": "中影国线影城（石岩店）",
    "sellPrice": "19.9",
    "addr": "宝安区石岩街道宝石南路119号盛妆百货四楼",
    "tag": {
      "allowRefund": 0,
      "buyout": 0,
      "cityCardTag": 0,
      "deal": 0,
      "endorse": 0,
      "giftTag": "",
      "hallType": [],
      "hallTypeVOList": [],
      "sell": 1,
      "snack": 1,
      "vipTag": "影城卡"
    },
    "promotion": {
      "cardPromotionTag": "",
      "couponPromotionTag": "",
      "merchantActivityTag": "",
      "packShowActivityTag": "",
      "platformActivityTag": "",
      "starActivityTag": ""
    },
    "showTimes": ""
  },
  {
    "id": 16700,
    "mark": 0,
    "nm": "宝影国际影城（公明店）",
    "sellPrice": "19.9",
    "addr": "光明区玉律社区玉泉东路20-1号南海大厦四楼A区",
    "tag": {
      "allowRefund": 0,
      "buyout": 0,
      "cityCardTag": 0,
      "deal": 0,
      "endorse": 1,
      "giftTag": "",
      "hallType": [],
      "hallTypeVOList": [],
      "sell": 1,
      "snack": 1,
      "vipTag": "影城卡"
    },
    "promotion": {
      "cardPromotionTag": "开卡特惠，首单1张票最高立减5元",
      "couponPromotionTag": "",
      "merchantActivityTag": "",
      "packShowActivityTag": "",
      "platformActivityTag": "",
      "starActivityTag": ""
    },
    "showTimes": ""
  },
  {
    "id": 17317,
    "mark": 0,
    "nm": "期遇•UUE巨幕影城（公明店）",
    "sellPrice": "19.9",
    "addr": "光明区公明街道合水口马田北路31号新天地购物广场3楼",
    "tag": {
      "allowRefund": 1,
      "buyout": 0,
      "cityCardTag": 0,
      "deal": 0,
      "endorse": 1,
      "giftTag": "",
      "hallType": [
        "巨幕厅"
      ],
      "hallTypeVOList": [
        {
          "name": "巨幕厅",
          "url": ""
        }
      ],
      "sell": 1,
      "snack": 1,
      "vipTag": "影城卡"
    },
    "promotion": {
      "cardPromotionTag": "开卡特惠，首单1张票最高立减2元",
      "couponPromotionTag": "",
      "merchantActivityTag": "",
      "packShowActivityTag": "",
      "platformActivityTag": "",
      "starActivityTag": ""
    },
    "showTimes": ""
  },
  {
    "id": 25048,
    "mark": 0,
    "nm": "中影泰得影城东门店",
    "sellPrice": "19.9",
    "addr": "罗湖区东门街道解放路1034号鸿展广场三楼（太阳百货斜对面）",
    "tag": {
      "allowRefund": 0,
      "buyout": 0,
      "cityCardTag": 0,
      "deal": 0,
      "endorse": 1,
      "giftTag": "",
      "hallType": [],
      "hallTypeVOList": [],
      "sell": 1,
      "snack": 0,
      "vipTag": "影城卡"
    },
    "promotion": {
      "cardPromotionTag": "",
      "couponPromotionTag": "",
      "merchantActivityTag": "",
      "packShowActivityTag": "",
      "platformActivityTag": "",
      "starActivityTag": ""
    },
    "showTimes": ""
  },
  {
    "id": 37003,
    "mark": 0,
    "nm": "芒果凤凰海影城（东门中心城店）（东门店）",
    "sellPrice": "20",
    "addr": "罗湖区芒果凤凰海影城东门中心城店（晒布地铁站A2即到）",
    "tag": {
      "allowRefund": 1,
      "buyout": 0,
      "cityCardTag": 0,
      "deal": 0,
      "endorse": 1,
      "giftTag": "",
      "hallType": [],
      "hallTypeVOList": [],
      "sell": 1,
      "snack": 0,
      "vipTag": "影城卡"
    },
    "promotion": {
      "cardPromotionTag": "",
      "couponPromotionTag": "",
      "merchantActivityTag": "",
      "packShowActivityTag": "",
      "platformActivityTag": "",
      "starActivityTag": ""
    },
    "showTimes": ""
  },
  {
    "id": 14477,
    "mark": 0,
    "nm": "芒果影城（龙华店）",
    "sellPrice": "20",
    "addr": "龙华区清华路清湖老村花伴里旁（清湖花半里店）",
    "tag": {
      "allowRefund": 1,
      "buyout": 0,
      "cityCardTag": 0,
      "deal": 0,
      "endorse": 1,
      "giftTag": "",
      "hallType": [],
      "hallTypeVOList": [],
      "sell": 1,
      "snack": 0,
      "vipTag": "影城卡"
    },
    "promotion": {
      "cardPromotionTag": "",
      "couponPromotionTag": "",
      "merchantActivityTag": "",
      "packShowActivityTag": "",
      "platformActivityTag": "",
      "starActivityTag": ""
    },
    "showTimes": ""
  },
  {
    "id": 18,
    "mark": 0,
    "nm": "完美世界影城（深圳沙井店）",
    "sellPrice": "20.99",
    "addr": "宝安区沙井街道新沙路与中心路交汇处华润万家4楼A",
    "tag": {
      "allowRefund": 1,
      "buyout": 0,
      "cityCardTag": 0,
      "deal": 0,
      "endorse": 1,
      "giftTag": "",
      "hallType": [],
      "hallTypeVOList": [],
      "sell": 1,
      "snack": 0,
      "vipTag": "影城卡"
    },
    "promotion": {
      "cardPromotionTag": "开卡特惠，首单2张票最高立减10元",
      "couponPromotionTag": "",
      "merchantActivityTag": "",
      "packShowActivityTag": "",
      "platformActivityTag": "",
      "starActivityTag": ""
    },
    "showTimes": ""
  },
  {
    "id": 2149,
    "mark": 0,
    "nm": "嘉年华国际影城（龙岗老街人人购物店）",
    "sellPrice": "22.6",
    "addr": "龙岗区龙平东路（龙岗老街）人人购物广场4楼（龙岗老街）",
    "tag": {
      "allowRefund": 1,
      "buyout": 0,
      "cityCardTag": 0,
      "deal": 0,
      "endorse": 1,
      "giftTag": "",
      "hallType": [],
      "hallTypeVOList": [],
      "sell": 1,
      "snack": 1,
      "vipTag": "影城卡"
    },
    "promotion": {
      "cardPromotionTag": "",
      "couponPromotionTag": "",
      "merchantActivityTag": "",
      "packShowActivityTag": "",
      "platformActivityTag": "",
      "starActivityTag": ""
    },
    "showTimes": ""
  },
  {
    "id": 25316,
    "mark": 0,
    "nm": "星越巨幕影城（杜比全景声公明店）",
    "sellPrice": "22.9",
    "addr": "光明区新庄社区大东明广场13栋",
    "tag": {
      "allowRefund": 1,
      "buyout": 0,
      "cityCardTag": 0,
      "deal": 0,
      "endorse": 1,
      "giftTag": "",
      "hallType": [
        "杜比全景声厅",
        "巨幕厅"
      ],
      "hallTypeVOList": [
        {
          "name": "杜比全景声厅",
          "url": ""
        },
        {
          "name": "巨幕厅",
          "url": ""
        }
      ],
      "sell": 1,
      "snack": 0,
      "vipTag": "影城卡"
    },
    "promotion": {
      "cardPromotionTag": "",
      "couponPromotionTag": "",
      "merchantActivityTag": "",
      "packShowActivityTag": "",
      "platformActivityTag": "",
      "starActivityTag": ""
    },
    "showTimes": ""
  },
  {
    "id": 12675,
    "mark": 0,
    "nm": "中影百誉影城（宏发上域店）",
    "sellPrice": "22.9",
    "addr": "光明区公明街道明主大道与兴发路交界宏发上域4楼（地铁6号线红花山站B2出口直行200米）",
    "tag": {
      "allowRefund": 1,
      "buyout": 0,
      "cityCardTag": 0,
      "deal": 0,
      "endorse": 1,
      "giftTag": "",
      "hallType": [
        "杜比全景声厅",
        "4DX厅",
        "4D厅"
      ],
      "hallTypeVOList": [
        {
          "name": "杜比全景声厅",
          "url": ""
        },
        {
          "name": "4DX厅",
          "url": ""
        },
        {
          "name": "4D厅",
          "url": ""
        }
      ],
      "sell": 1,
      "snack": 1,
      "vipTag": "影城卡"
    },
    "promotion": {
      "cardPromotionTag": "开卡特惠，9.9元起开卡",
      "couponPromotionTag": "",
      "merchantActivityTag": "",
      "packShowActivityTag": "",
      "platformActivityTag": "",
      "starActivityTag": ""
    },
    "showTimes": ""
  },
  {
    "id": 16809,
    "mark": 0,
    "nm": "云幕影城（溪头店）",
    "sellPrice": "22.9",
    "addr": "宝安区松岗街道溪头社区沙江路136号三楼",
    "tag": {
      "allowRefund": 0,
      "buyout": 0,
      "cityCardTag": 0,
      "deal": 0,
      "endorse": 1,
      "giftTag": "",
      "hallType": [
        "巨幕厅"
      ],
      "hallTypeVOList": [
        {
          "name": "巨幕厅",
          "url": ""
        }
      ],
      "sell": 1,
      "snack": 0,
      "vipTag": "影城卡"
    },
    "promotion": {
      "cardPromotionTag": "",
      "couponPromotionTag": "",
      "merchantActivityTag": "",
      "packShowActivityTag": "",
      "platformActivityTag": "",
      "starActivityTag": ""
    },
    "showTimes": ""
  },
  {
    "id": 16828,
    "mark": 0,
    "nm": "逸达国际影城（荷坳店）",
    "sellPrice": "22.9",
    "addr": "龙岗区金源路20号宝丰商场2楼",
    "tag": {
      "allowRefund": 0,
      "buyout": 0,
      "cityCardTag": 0,
      "deal": 0,
      "endorse": 1,
      "giftTag": "",
      "hallType": [],
      "hallTypeVOList": [],
      "sell": 1,
      "snack": 1,
      "vipTag": "影城卡"
    },
    "promotion": {
      "cardPromotionTag": "",
      "couponPromotionTag": "",
      "merchantActivityTag": "",
      "packShowActivityTag": "",
      "platformActivityTag": "",
      "starActivityTag": ""
    },
    "showTimes": ""
  },
  {
    "id": 1,
    "mark": 0,
    "nm": "深圳戏院",
    "sellPrice": "23",
    "addr": "罗湖区新园路1号（东门步行街西口,老街地铁站F出口,上座影城正对面）",
    "tag": {
      "allowRefund": 1,
      "buyout": 0,
      "cityCardTag": 0,
      "deal": 0,
      "endorse": 1,
      "giftTag": "",
      "hallType": [],
      "hallTypeVOList": [],
      "sell": 1,
      "snack": 1,
      "vipTag": "影城卡"
    },
    "promotion": {
      "cardPromotionTag": "",
      "couponPromotionTag": "",
      "merchantActivityTag": "",
      "packShowActivityTag": "",
      "platformActivityTag": "",
      "starActivityTag": ""
    },
    "showTimes": ""
  },
  {
    "id": 16901,
    "mark": 0,
    "nm": "环球国际影城（福永凤凰山店）",
    "sellPrice": "23",
    "addr": "宝安区福永街道凤凰社区凤凰御林山景F3-03",
    "tag": {
      "allowRefund": 0,
      "buyout": 0,
      "cityCardTag": 0,
      "deal": 0,
      "endorse": 0,
      "giftTag": "",
      "hallType": [],
      "hallTypeVOList": [],
      "sell": 1,
      "snack": 1,
      "vipTag": "影城卡"
    },
    "promotion": {
      "cardPromotionTag": "开卡特惠，首单1张票最高立减2元",
      "couponPromotionTag": "",
      "merchantActivityTag": "",
      "packShowActivityTag": "",
      "platformActivityTag": "",
      "starActivityTag": ""
    },
    "showTimes": ""
  }
],
        showmoive:false,
        showhot:true    
        },
        methods:{
            hotchange(){
                this.showhot=true
                this.showmoive=false 
            },
            moivechange(){
                this.showhot=false
                this.showmoive=true
            }
        }
        })
    </script>
    <script src="./index.js"></script>
</body>

</html>